<template>
  <div class="swiper-container" :id="id">
    <div class="swiper-wrapper">
      <!-- <div class="swiper-slide">

            </div> -->
      <slot></slot>
    </div>
    <slot name="page"></slot>
  </div>
</template>

<script>
import Swiper from "swiper";
export default {
  props: {
    id: {
      String,
      default:"banner"
    },
    option: {
      type: Object,
    //   default: {
    //       autoplay:true,
    //   },
    },
  },
  mounted() {
    //   插件实例化

    let thisSwiper = new Swiper("#" + this.id,this.options)
  },
};
</script>